﻿@{
    ViewBag.Title = "CreateOrder";
    Layout = "~/Views/Shared/_Layout.cshtml";
    var json = ViewBag.UserListJson as string;
}
<style type="text/css">
    .container {
        width: 245px;
        float: left;
    }

    .container-list {
        width: 220px;
        height: 350px;
        margin-top: 10px;
        border: 1px solid #eeeeee;
        padding: 10px;
        overflow: auto;
    }

    .container-list-item {
        display: block;
        width: 80px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px solid #eeeeee;
        float: left;
    }

    .container-list-item-highlight {
        background-color: #16baaa;
        color: white;
        cursor: pointer;
    }


    .middleContainer {
        width: 300px;
        float: left;
        margin-right: 20px;
    }

        .middleContainer td {
            padding: 5px;
            font-size: 16px;
        }
</style>
<div class="container">
    <div class="containe-title">
        <table align="center">
            <tr>
                <td style="padding-right: 5px;">
                    <label style="color: red;">卖家:</label>
                </td>
                <td>
                    <input type="text" class="layui-input" maxlength="10" id="txtSearchSeller"
                           style="width: 140px;" />
                </td>
            </tr>
        </table>
    </div>
    <div class="container-list" id="SellerList">

    </div>
</div>
<div class="middleContainer">
    <form class="layui-form">
        <table align="center" style="border: 1px solid #eeeeee;">
            <tr>
                <td width="70" align="right">买家:</td>
                <td><label id="lbBuyer" style="color: green">未选择</label></td>
            </tr>
            <tr>
                <td align="right">卖家:</td>
                <td><label id="lbSeller" style="color: red;">未选择</label></td>
            </tr>
            <tr>
                <td align="right">金额:</td>
                <td>
                    <input type="number" class="layui-input" maxlength="12" id="txtAmount"
                            step="0.01" lay-affix="number"
                           min="1000" max="15000" value="" />
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <button type="button" id="btnSetAutoOrderAmount" class="layui-btn layui-btn-sm">
                        设置自动溢价单
                    </button>
                    <button type="button" id="btnViewAutoOrderAmount" class="layui-btn layui-btn-sm">
                        查看自动溢价单
                    </button>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <button type="button" id="btnAddOrder" class="layui-btn layui-btn-normal">
                        <i class="layui-icon layui-icon-add-1"></i>创 建
                    </button>
                </td>
            </tr>
        </table>
    </form>
</div>
<div class="container">
    <div class="containe-title">
        <table align="center">
            <tr>
                <td style="padding-right: 5px;">
                    <label style="color: green;">买家:</label>
                </td>
                <td>
                    <input type="text" class="layui-input" maxlength="10" id="txtSearchBuyer"
                           style="width: 140px;" />
                </td>
            </tr>
        </table>
    </div>
    <div class="container-list" id="BuyerList">

    </div>
</div>
<input type="hidden" id="hdUserListJson" value="@json" />

<style type="text/css">
    .AutoOrderAmountDlgTable td {
        padding: 5px;
    }
</style>
<script type="text/html" id="AutoOrderAmountDlg">
    <form class="layui-form" style="padding: 20px;">
        <table class="AutoOrderAmountDlgTable">
            <tr>
                <td>日期:</td>
                <td>
                    <input type="text" class="layui-input" id="txtSearchDate" maxlength="10"
                           style="width: 140px;" readonly="readonly" placeholder="yyyy-MM-dd" />
                </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td align="right">
                    <button type="button" id="btnSetAutoOrderAmountOK" class="layui-btn layui-btn-sm">
                        <i class="layui-icon layui-icon-ok-circle"></i>确 定
                    </button>
                </td>
            </tr>
        </table>
    </form>
</script>

<style type="text/css">
    .premiumOrderDlgList {
        padding: 10px;
    }

        .premiumOrderDlgList ul {
            width: 100%;
            height: 100%;
        }

            .premiumOrderDlgList ul li {
                display: block;
                float: left;
                border: 1px solid #eeeeee;
                padding: 5px;
                list-style-type: none;
                margin-right: 5px;
                margin-bottom: 10px;
                font-size: 16px;
            }
</style>
<script type="text/html" id="PremiumOrderDlg">
    <form class="layui-form">
        <div class="premiumOrderDlgList">
            <ul>

            </ul>
        </div>
    </form>
</script>

<script type="text/javascript" src="~/Static/Js/createorder.js?rand=0123456789"></script>